<template>
    <div style="margin-left: 240px;width: calc(100% - 240px);height: 60px; position: fixed">
        <Menu mode="horizontal" active-name="">
            <MenuItem name="path">
                <h1>{{ titleValue }}</h1>
                <!--<Breadcrumb>-->
                    <!--<BreadcrumbItem to="/">-->
                        <!--<Icon type="ios-home-outline"></Icon> 首页-->
                    <!--</BreadcrumbItem>-->
                    <!--<BreadcrumbItem to="/components/breadcrumb">-->
                        <!--<Icon type="social-buffer-outline"></Icon> 报名管理-->
                    <!--</BreadcrumbItem>-->
                    <!--<BreadcrumbItem>-->
                        <!--<Icon type="pound"></Icon> 选取入围-->
                    <!--</BreadcrumbItem>-->
                <!--</Breadcrumb>-->
            </MenuItem>
            <!--<MenuItem name="1">-->
                <!--<Icon type="ios-paper"></Icon>-->
                <!--内容管理-->
            <!--</MenuItem>-->
            <!--<MenuItem name="2">-->
                <!--<Icon type="ios-people"></Icon>-->
                <!--用户管理-->
            <!--</MenuItem>-->
            <!--<Submenu name="3">-->
                <!--<template slot="title">-->
                    <!--<Icon type="stats-bars"></Icon>-->
                    <!--统计分析-->
                <!--</template>-->
                <!--<MenuGroup title="使用">-->
                    <!--<MenuItem name="3-1">新增和启动</MenuItem>-->
                    <!--<MenuItem name="3-2">活跃分析</MenuItem>-->
                    <!--<MenuItem name="3-3">时段分析</MenuItem>-->
                <!--</MenuGroup>-->
                <!--<MenuGroup title="留存">-->
                    <!--<MenuItem name="3-4">用户留存</MenuItem>-->
                    <!--<MenuItem name="3-5">流失用户</MenuItem>-->
                <!--</MenuGroup>-->
            <!--</Submenu>-->
            <!--<MenuItem name="4">-->
                <!--<Icon type="settings"></Icon>-->
                <!--综合设置-->
            <!--</MenuItem>-->

            <MenuItem name="avatar" style="float: right; right: 10px;">
                <Dropdown style="margin-left: 20px">
                    <a href="javascript:void(0)">
                        max studio
                        <Icon type="arrow-down-b"></Icon>
                    </a>
                    <DropdownMenu slot="list">
                        <DropdownItem>驴打滚</DropdownItem>
                        <DropdownItem>炸酱面</DropdownItem>
                        <DropdownItem>豆汁儿</DropdownItem>
                        <DropdownItem>冰糖葫芦</DropdownItem>
                        <DropdownItem>北京烤鸭</DropdownItem>
                    </DropdownMenu>
                </Dropdown>
                <Avatar icon="person" size="large"/>
            </MenuItem>


        </Menu>
    </div>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        props:['titleValue']
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>